<template>
  <exception-page :page-info="pageInfo" style="height: 100vh">
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 240 180"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <linearGradient id="linearGradient-1" x1="50%" y1="47.5612702%" x2="49.9971557%" y2="50.8812062%">
          <stop :stop-color="theme" stop-opacity="0.25" offset="0%"></stop>
          <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
        </linearGradient>
        <linearGradient id="linearGradient-2" x1="49.9999962%" y1="-2.50191104e-14%" x2="49.9999962%" y2="100%">
          <stop :stop-color="theme" stop-opacity="0.25" offset="0%"></stop>
          <stop stop-color="#EAF0FC" stop-opacity="0" offset="100%"></stop>
        </linearGradient>
        <linearGradient id="linearGradient-3" x1="49.9999962%" y1="-2.50191104e-14%" x2="49.9999962%" y2="100%">
          <stop :stop-color="theme" stop-opacity="0.25" offset="0%"></stop>
          <stop stop-color="#EAF0FC" stop-opacity="0" offset="100%"></stop>
        </linearGradient>
        <linearGradient id="linearGradient-4" x1="58.7172536%" y1="-15.6458739%" x2="41.4558418%" y2="55.4198685%">
          <stop stop-color="#5792F0" offset="0%"></stop>
          <stop stop-color="#BFD4FA" stop-opacity="0" offset="100%"></stop>
        </linearGradient>
        <linearGradient id="linearGradient-5" x1="64.5323519%" y1="98.4466752%" x2="19.9015718%" y2="1.30207729%">
          <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
          <stop :stop-color="themeLightest" offset="100%"></stop>
        </linearGradient>
        <linearGradient id="linearGradient-6" x1="20.8912068%" y1="4.57453705%" x2="83.521689%" y2="88.2486038%">
          <stop :stop-color="themeLightest" offset="0%"></stop>
          <stop :stop-color="themeLighter" offset="100%"></stop>
        </linearGradient>
        <linearGradient id="linearGradient-7" x1="1.25637469%" y1="0%" x2="79.7332418%" y2="99.8575593%">
          <stop :stop-color="themeLightest" offset="0%"></stop>
          <stop :stop-color="themeLighter" offset="99.9762458%"></stop>
        </linearGradient>
      </defs>
      <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="画板1" transform="translate(-2280.000000, -260.000000)">
          <g id="编组-21" transform="translate(2280.000000, 260.000000)">
            <rect id="404" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="240" height="180" rx="8"></rect>
            <g id="编组-13" transform="translate(7.000000, 8.000000)">
              <g id="编组-11" transform="translate(-0.000000, 0.000000)" fill-rule="nonzero">
                <path
                  id="形状结合"
                  d="M113.2,106 C175.718634,106 226.4,126.953074 226.4,152.8 C226.4,153.875653 226.312224,154.942831 226.139472,156.000375 L0.260527877,156.000375 C0.087775867,154.942831 0,153.875653 0,152.8 C0,126.953074 50.6813663,106 113.2,106 Z"
                  fill="url(#linearGradient-1)"
                ></path>
                <g id="编组" opacity="0.9" transform="translate(56.000000, 0.000000)">
                  <path
                    id="路径"
                    d="M82.1114019,22.6358566 C82.3466168,22.6572112 82.603215,22.6785657 82.8598131,22.6785657 C83.1164112,22.6785657 83.3516262,22.6572112 83.6082243,22.6358566 L100.522318,22.6358566 C101.954991,23.7035857 103.751178,24.3442231 105.697047,24.3442231 C110.465495,24.3442231 114.33585,20.4790438 114.33585,15.7169721 C114.33585,10.9549004 110.465495,7.08972112 105.697047,7.08972112 C105.269383,7.08972112 104.863103,7.1110757 104.456822,7.17513944 C103.537346,4.84749004 101.270729,3.18183267 98.619215,3.18183267 C97.7211215,3.18183267 96.8871776,3.3740239 96.1173832,3.71569721 C94.8771589,1.53752988 92.5250093,0.0854183267 89.830729,0.0854183267 C85.8320748,0.0854183267 82.5818318,3.33131474 82.5818318,7.32462151 C82.5818318,7.83713147 82.6245981,8.30693227 82.731514,8.79808765 C78.9466916,8.86215139 75.9099085,11.9585657 75.9099085,15.7383267 C75.8888972,19.3045418 78.6045607,22.2728287 82.1114019,22.6358566 Z"
                    fill="url(#linearGradient-2)"
                  ></path>
                  <path
                    id="路径"
                    d="M8.25390654,51.4645418 L8.25390654,51.4645418 L8.2966729,51.4645418 C8.68157009,51.507251 9.06646729,51.5286056 9.45136449,51.5286056 C9.83626168,51.5286056 10.2425421,51.507251 10.6274393,51.4645418 L41.3978318,51.4645418 C43.0443364,52.681753 45.0971215,53.4078088 47.2995888,53.4078088 C52.7950654,53.4078088 57.2641495,48.9447012 57.2641495,43.4565737 C57.2641495,37.9684462 52.7950654,33.5053386 47.2995888,33.5053386 C46.9788411,33.5053386 46.6367103,33.5266932 46.3159626,33.5480478 C44.7122243,30.2380876 41.3336822,27.974502 37.4205607,27.974502 C36.9501308,27.974502 36.4797009,28.0172112 36.0306542,28.0812749 C33.6571215,24.3015139 29.4446355,21.7816733 24.6548037,21.7816733 C18.0260187,21.7816733 12.5305421,26.5650996 11.44,32.8647012 C10.7985047,32.7365737 10.1570093,32.6511554 9.47274766,32.6511554 C4.25525234,32.6511554 1.63424829e-13,36.8793625 1.63424829e-13,42.1112351 C1.63424829e-13,46.8946614 3.59237383,50.8666135 8.25390654,51.4645418 Z"
                    fill="url(#linearGradient-3)"
                  ></path>
                </g>
                <polygon
                  id="路径"
                  fill="url(#linearGradient-4)"
                  opacity="0.200000003"
                  transform="translate(135.396738, 132.014955) rotate(-76.000000) translate(-135.396738, -132.014955) "
                  points="126.567321 89.3197185 157.127533 128.867571 137.598751 174.710191 113.665943 132.427268"
                ></polygon>
              </g>
              <g id="编组-10" transform="translate(164.800000, 89.600000)">
                <polygon
                  id="路径备份-2"
                  fill="url(#linearGradient-5)"
                  fill-rule="nonzero"
                  opacity="0.300000012"
                  points="29.9847328 60.861214 15.9303277 64.8 9.11051776 40.3481362 12.7695567 39.3954198"
                ></polygon>
                <g id="编组-7备份-2" transform="translate(5.600000, 0.000000)" fill-rule="nonzero">
                  <ellipse
                    id="椭圆形"
                    fill="#F8AD72"
                    transform="translate(3.113855, 3.483827) rotate(-87.970000) translate(-3.113855, -3.483827) "
                    cx="3.11385478"
                    cy="3.48382748"
                    rx="2.27500017"
                    ry="1.84030481"
                  ></ellipse>
                  <polygon
                    id="矩形"
                    fill="#F8AD72"
                    transform="translate(3.731181, 5.983604) rotate(2.030000) translate(-3.731181, -5.983604) "
                    points="3.00253902 4.45784315 4.45785999 4.458797 4.45982253 7.50936438 3.00450227 7.50841061"
                  ></polygon>
                  <path
                    id="路径"
                    d="M4.46609246,1.00985203 C3.58717944,0.653879316 2.55590196,0.756226892 1.78956836,1.27547958 L1.63610828,1.36270051 L1.6,2.26266242 C1.97114704,2.25437934 2.34027423,2.21185682 2.70130166,2.13579555 C4.60149795,2.06839754 4.09146933,3.38067685 4.09146933,3.38067685 C4.25462235,3.27810336 4.47924509,3.29851407 4.61503827,3.4282519 C4.68799076,3.92071733 4.52448268,4.41764923 4.16368589,4.8 C4.95956042,4.59760513 5.52946021,3.98331892 5.59447453,3.25777456 C5.65374255,2.39236733 5.23346608,1.55510724 4.46609246,1.00985203 L4.46609246,1.00985203 Z"
                    fill="#666666"
                  ></path>
                  <path
                    id="路径"
                    d="M1.02237995,2.4 C1.02237995,2.4 -1.99601434,2.57530269 2.33980087,3.14273005 C3.4264358,3.24362329 4.5198242,3.21113296 5.6,3.04585227 L1.02237995,2.4 Z"
                    fill="#DDB300"
                  ></path>
                  <path
                    id="路径"
                    d="M0.8,2.76142323 C0.8,2.76142323 0.773939702,-0.125662058 3.52086582,0.00425682306 C3.52086582,0.00425682306 5.80272737,0.167858293 5.58540722,3.18486246 C3.98084684,3.24942328 2.37494508,3.10732368 0.8,2.76142323 L0.8,2.76142323 Z"
                    fill="#F4DC00"
                  ></path>
                </g>
                <g
                  id="编组备份-6"
                  transform="translate(6.800000, 23.600000) scale(-1, 1) translate(-6.800000, -23.600000) translate(0.000000, 3.200000)"
                >
                  <path
                    id="形状-30-拷贝_10_"
                    d="M0.932152672,35.4950774 L0.020519084,36.9170208 L3.88690076,39.4112977 C3.88690076,39.4112977 4.19761832,39.0058675 3.99829008,38.3859707 C3.79896183,37.7660739 2.87560305,37.2960099 2.87560305,37.2960099 C2.87560305,37.2960099 2.5648855,37.116798 2.44177099,36.8347596 C2.34796947,36.6173551 2.35090076,36.4087642 2.35090076,36.4087642 L0.932152672,35.4950774 Z"
                    fill="#262A71"
                  ></path>
                  <path
                    id="形状-34_4_"
                    d="M8.7088855,25.2065525 C8.7088855,25.2065525 8.74112977,25.4357087 8.7088855,25.6678028 C8.66491603,25.9674685 8.55645802,26.2818238 8.55645802,26.2818238 L2.35090076,36.4087642 L0.932152672,35.4950774 C0.932152672,35.4950774 2.41832061,30.671046 3.49410687,27.9711162 C3.93966412,26.8517764 5.02717557,26.1261151 5.02717557,26.1261151 C5.02717557,26.1261151 3.60549618,23.4026821 2.88146565,20.9025294 C2.49160305,19.5599092 2.57367939,17.6767155 2.57367939,17.6767155 L7.94381679,17.6767155 L8.7088855,25.2065525 Z"
                    :fill="themeDarkest"
                  ></path>
                  <path
                    id="形状-29-拷贝_4_"
                    d="M6.56317557,17.368236 C6.56317557,17.368236 6.42247328,22.0659377 5.95053435,26.7401362 C5.36427481,32.545426 4.41746565,38.5710584 4.41746565,38.5710584 L2.73196947,38.5710584 C2.73196947,38.5710584 1.90241221,33.0008005 1.81154198,29.1991582 C1.75584733,26.8106458 2.27175573,25.5120941 2.27175573,25.5120941 C2.27175573,25.5120941 1.74412214,23.2146565 1.35132824,20.9025294 C1.07285496,19.2602434 1.04354198,17.368236 1.04354198,17.368236 L6.56317557,17.368236 Z"
                    :fill="themeDarker"
                  ></path>
                  <path
                    id="形状-30_10_"
                    d="M2.73196947,38.5710584 L2.73196947,40.2603507 L7.33117557,40.2603507 C7.33117557,40.2603507 7.37514504,39.7520941 6.87096183,39.3378502 C6.36970992,38.9265443 5.33789313,39.0293707 5.33789313,39.0293707 C5.33789313,39.0293707 4.98027481,39.0469981 4.72525191,38.8766 C4.52885496,38.7443945 4.41746565,38.5681205 4.41746565,38.5681205 L2.73196947,38.5681205 L2.73196947,38.5710584 Z"
                    :fill="themeDarkest"
                  ></path>
                  <path
                    id="形状-26-拷贝_3_"
                    d="M10.5087023,8.55453683 C10.5087023,8.55453683 11.2415267,8.29012585 11.5522443,8.25780895 C11.8072672,8.23136786 11.5375878,8.60154322 11.5375878,8.60154322 C11.5375878,8.60154322 11.6372519,8.68674231 11.8805496,8.61623272 C11.9860763,8.58685372 12.2938626,8.40470394 12.3730076,8.36357334 C12.5019847,8.29306375 12.5811298,8.30481535 12.5811298,8.30481535 C12.5811298,8.30481535 13.1967023,8.38120074 12.7452824,9.27432226 C12.4931908,9.77082732 10.9132214,10.3613452 10.9132214,10.3613452 C10.9132214,10.3613452 10.7783817,9.75907572 10.5087023,8.55453683 Z"
                    fill="#F48D67"
                  ></path>
                  <path
                    id="形状-31_2_"
                    d="M7.52757252,5.17595214 L6.10296183,9.46234784 L10.4523682,8.56164551 L10.8550903,10.3806519 L4.62851908,11.9977553 C4.62851908,11.9977553 4.3471145,11.9801279 4.16830534,11.8479224 C3.97777099,11.7069032 3.88690076,11.451306 3.88690076,11.451306 L3.27719084,8.90708479 L7.52757252,5.17595214 Z"
                    :fill="themeLighter"
                  ></path>
                  <path
                    id="路径"
                    d="M7.94381679,5.69302249 L7.94381679,17.6767155 L0.278418464,17.6767155 L0.278418464,5.84579327 C0.278418464,5.84579327 0.266748092,5.26408913 0.586259542,4.77052197 C0.899908397,4.28576852 1.50668702,4.00373014 1.50668702,4.00373014 L3.17166412,3.10473282 L3.49703817,2.92845884 C3.49703817,2.92845884 3.52928244,3.01365793 3.5879084,3.13704972 C3.66705344,3.29275841 3.79309924,3.51310089 3.95725191,3.69525067 C4.34125191,4.12418403 4.87767939,4.4649804 4.87767939,4.4649804 C4.87767939,4.4649804 5.08580153,4.35627811 5.18546565,4.15650093 C5.26461069,3.99785434 5.30271756,3.79807716 5.32323664,3.66880957 L5.32323664,3.66293377 C5.33496183,3.58948628 5.33789313,3.54247988 5.33789313,3.54247988 C5.33789313,3.54247988 5.45807634,3.55423148 5.64567939,3.59242418 C6.02967939,3.66880957 6.69215267,3.85977306 7.17581679,4.30927171 C7.83829008,4.92329276 7.94381679,5.69302249 7.94381679,5.69302249 Z"
                    :fill="theme"
                  ></path>
                  <path
                    id="形状-26_10_"
                    d="M3.81361832,2.57884877 C3.81361832,2.57884877 3.79603053,1.79736744 3.86638168,1.49476377 C3.92207634,1.24210439 4.18589313,1.61815556 4.18589313,1.61815556 C4.18589313,1.61815556 4.29728244,1.55058387 4.30900763,1.29792449 C4.31487023,1.1892222 4.24158779,0.839612131 4.2269313,0.751475139 C4.20348092,0.607518052 4.23865649,0.534070559 4.23865649,0.534070559 C4.23865649,0.534070559 4.50540458,-0.0270682897 5.20891603,0.689779245 C5.59877863,1.08639571 5.71896183,2.6555606 5.71896183,2.6555606 L3.81361832,2.57884877 Z"
                    fill="#EF8D61"
                  ></path>
                  <path
                    id="路径"
                    d="M5.71896183,2.62387 L5.64567939,3.59242418 L5.52549618,5.01436765 L5.52549618,5.02024345 L5.15029008,9.54460904 C5.15029008,9.55342274 5.14735878,9.77670312 4.89233588,9.9588529 C4.75163359,10.0558036 4.44091603,10.132189 4.44091603,10.132189 L0.278473282,11.0752548 L0.278473282,8.36651124 L2.90784733,8.01396328 L3.42668702,4.28870642 L3.70230409,3.1681866 L3.81166412,2.56647397 L5.71896183,2.62387 Z"
                    :fill="themeLighter"
                  ></path>
                </g>
              </g>
              <g
                id="聊天_激活"
                transform="translate(73.600000, 53.600000)"
                fill="url(#linearGradient-6)"
                fill-rule="nonzero"
              >
                <path
                  id="路径"
                  d="M39.2028499,0 C60.7279836,0 78.4,15.7814312 78.4,35.354154 C78.4,54.8876644 60.7167445,70.6606414 39.1999786,70.6606414 C37.0046254,70.6606414 34.8736714,70.495435 32.8351239,70.1678229 L32.8351241,70.1678229 C32.329674,70.1013635 31.8164697,70.2047887 31.3762178,70.4618338 L19.4473708,77.9157063 L19.4473709,77.9157063 C17.959325,78.8466723 15.9983108,78.3951138 15.0673131,76.9071194 C14.7507008,76.4010852 14.5830047,75.8161209 14.5834272,75.2192067 L14.5834272,63.9907647 L14.5834272,63.9907658 C14.5973761,63.2669109 14.2771812,62.5769624 13.7153683,62.120294 C5.01796174,55.4112435 0,45.6277123 0,35.3064874 C0,15.772977 17.6832555,0 39.2028107,0 L39.2028499,0 Z"
                ></path>
              </g>
              <g id="编组-6" transform="translate(88.800000, 70.400000)" fill-rule="nonzero">
                <path
                  id="形状"
                  d="M12.8984218,29.3333391 C11.8969919,29.3333391 11.0958451,28.5388548 11.0958451,27.545753 L11.0958451,24.765065 L2.48351865,24.765065 C1.88265976,24.765065 1.081513,24.3678238 0.881229836,23.7719632 C0.680943382,22.9774789 0.680943382,22.3816169 1.08151629,21.7857549 L11.4964194,8.08092801 C11.8969919,7.48506598 12.6981372,7.28644375 13.499284,7.48506598 C14.3004307,7.68368681 14.7010018,8.47816782 14.7010018,9.27265209 L14.7010018,21.1898928 L16.3032906,21.1898928 C17.3047205,21.1898928 18.1058673,21.9843771 18.1058673,22.9774789 C18.1058673,23.9705808 17.3047205,24.765065 16.3032906,24.765065 L14.7010018,24.765065 L14.7010018,27.545753 C14.7010018,28.5388548 13.899855,29.3333391 12.8984251,29.3333391 L12.8984218,29.3333391 Z M6.08867202,20.9912706 L11.0958451,20.9912706 L11.0958451,14.4367882 L6.08867202,20.9912706 Z M43.5422254,27.1485272 C42.5407954,27.1485272 41.7396487,26.3540429 41.7396487,25.360941 L41.7396487,22.5802531 L33.1273222,22.5802531 C32.5264633,22.5802531 31.7253166,22.1830119 31.5250334,21.5871513 C31.124461,20.9912892 31.324747,20.1968049 31.7253199,19.7995651 L42.140223,6.09473829 C42.5407954,5.49887626 43.3419408,5.30025403 44.1430875,5.49887626 C44.9442343,5.69749709 45.3448053,6.4919781 45.3448053,7.28646237 L45.3448053,19.2037031 L46.9470941,19.2037031 C47.9485241,19.2037031 48.7496708,19.9981874 48.7496708,20.9912892 C48.7496708,21.9843911 47.9485241,22.7788753 46.9470941,22.7788753 L45.3448053,22.7788753 L45.3448053,25.5595633 C45.3448053,26.3540475 44.5436586,27.1485272 43.5422286,27.1485272 L43.5422254,27.1485272 Z M36.7324756,19.0050948 L41.7396487,19.0050948 L41.7396487,12.4506124 L36.7324756,19.0050948 Z M25.7167136,20.3954411 C23.5135658,20.3954411 21.7109892,19.2037171 20.1086816,17.2175087 C18.7066759,15.4299226 18.105817,12.8478522 18.105817,10.4643901 C18.105817,7.88231975 18.9069638,5.49885764 20.1086816,3.71127153 C21.5106872,1.72506318 23.5135471,0.533339111 25.7167136,0.533339111 C27.9198613,0.533339111 29.722438,1.72506318 31.3247455,3.71127153 C32.7267512,5.49885764 33.3276101,8.08092801 33.3276101,10.4643901 C33.3276101,13.0464605 32.5264633,15.4299226 31.3247455,17.2175087 C29.7224567,19.4023346 27.7195922,20.3954411 25.7167136,20.3954411 Z M25.7167136,3.51266792 C23.1129901,3.51266792 21.1101303,6.69060033 21.1101303,10.4643762 C21.1101303,14.2381706 23.313278,17.4160844 25.7167136,17.4160844 C28.320437,17.4160844 30.3232968,14.238152 30.3232968,10.4643762 C30.3232968,6.69058171 28.1201491,3.51266792 25.7167136,3.51266792 Z"
                  fill="#FFFFFF"
                ></path>
                <path
                  id="路径"
                  d="M17.5496708,24.9333389 L17.5496708,24.9333391 C17.5496708,25.5960833 20.9523153,26.1333391 25.1496708,26.1333391 C29.3470451,26.1333391 32.7496708,25.5960799 32.7496708,24.9333391 L32.7496708,24.9333391 C32.7496708,24.270595 29.3470263,23.7333391 25.1496708,23.7333391 C20.9522966,23.7333391 17.5496708,24.2705983 17.5496708,24.9333391 L17.5496708,24.9333389 Z"
                  :fill="theme"
                  style="opacity: 0.2; filter: brightness(0.5)"
                ></path>
                <path
                  id="路径"
                  d="M0.749670827,32.1333389 L0.749670827,32.1333391 C0.749670827,32.7960833 4.15231532,33.3333391 8.34967083,33.3333391 C12.5470451,33.3333391 15.9496708,32.7960799 15.9496708,32.1333391 L15.9496708,32.1333391 C15.9496708,31.470595 12.5470263,30.9333391 8.34967083,30.9333391 C4.15229657,30.9333391 0.749670827,31.4705983 0.749670827,32.1333391 L0.749670827,32.1333389 Z"
                  :fill="theme"
                  style="opacity: 0.2; filter: brightness(0.5)"
                ></path>
                <path
                  id="路径"
                  d="M31.9496708,30.5333389 L31.9496708,30.5333391 C31.9496708,31.1960833 35.3523153,31.7333391 39.5496708,31.7333391 C43.7470451,31.7333391 47.1496708,31.1960799 47.1496708,30.5333391 L47.1496708,30.5333391 C47.1496708,29.870595 43.7470263,29.3333391 39.5496708,29.3333391 C35.3522966,29.3333391 31.9496708,29.8705983 31.9496708,30.5333391 L31.9496708,30.5333389 Z"
                  :fill="theme"
                  style="opacity: 0.2; filter: brightness(0.5)"
                ></path>
              </g>
              <path
                id="形状结合备份"
                d="M58.9375398,108.760809 C58.5937886,109.762422 58.4792048,111.185766 59.682334,112.398244 C61.9740086,114.665052 64.0365157,115.87753 65.0104774,119.778547 C65.6684326,122.378248 65.6988887,123.342022 65.4727617,124.506357 C65.5354098,124.487573 65.6050447,124.478143 65.68,124.478143 L72.72,124.478143 C73.072,124.478143 73.3066667,124.686112 73.3066667,124.998066 L73.3066667,125.050058 C73.3066667,125.362012 73.072,125.569981 72.72,125.569981 L69.2,125.569981 L69.2,128.273578 C69.1413333,128.481547 68.9066667,128.637524 68.6133333,128.637524 L67.44,128.637524 C67.1466667,128.689516 66.912,128.53354 66.8533333,128.273578 L66.8533333,125.569981 L65.68,125.569981 C65.5087284,125.569981 65.3652351,125.520744 65.2630363,125.43425 C65.1868382,125.754172 65.1007934,126.110736 65.0104774,126.526252 C64.8958936,127.316999 64.3802669,128.055029 63.8646401,128.740343 C63.7500563,129.109358 60.942755,130.163687 60.3698364,130.163687 L58.6510804,130.690852 C58.1927455,130.901717 55.6146116,131.323449 55.0989849,131.1653 C52.6354347,130.374553 50.3437601,128.371328 50.401052,124.892042 C50.5156357,120.147562 51.3750137,120.674727 52.0625161,118.144337 C52.7500184,115.613948 50.8020951,116.035679 52.1770998,113.030842 C53.0937696,111.027617 56.3594059,108.866242 57.9635781,108.075496 C58.4792048,107.811913 59.1094154,108.286361 58.9375398,108.760809 Z M72.72,118.239072 C73.072,118.239072 73.3066667,118.447041 73.3066667,118.758994 L73.3066667,118.810986 C73.3066667,119.12294 73.072,119.330909 72.72,119.330909 L69.2,119.330909 L69.2,122.034507 C69.1413333,122.242476 68.9066667,122.398453 68.6133333,122.398453 L67.44,122.398453 C67.1466667,122.450445 66.912,122.294468 66.8533333,122.034507 L66.8533333,119.330909 L65.68,119.330909 C65.328,119.330909 65.0933333,119.12294 65.0933333,118.810986 L65.0933333,118.758994 C65.0933333,118.447041 65.328,118.239072 65.68,118.239072 L72.72,118.239072 Z M72.72,112 C73.072,112 73.3066667,112.207969 73.3066667,112.519923 L73.3066667,112.571915 C73.3066667,112.883868 73.072,113.091838 72.72,113.091838 L69.2,113.091838 L69.2,115.795435 C69.1413333,116.003404 68.9066667,116.159381 68.6133333,116.159381 L67.44,116.159381 C67.1466667,116.211373 66.912,116.055397 66.8533333,115.795435 L66.8533333,113.091838 L65.68,113.091838 C65.328,113.091838 65.0933333,112.883868 65.0933333,112.571915 L65.0933333,112.519923 C65.0933333,112.207969 65.328,112 65.68,112 L72.72,112 Z"
                fill="url(#linearGradient-7)"
                fill-rule="nonzero"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  </exception-page>
</template>

<script lang="ts">
  import { defineComponent, computed } from 'vue'
  import ExceptionPage from './exception-page.vue'
  import { udpAppStore } from 'udp/store/app-store'
  import { getColorPalette } from 'udp/utils/color'
  export default defineComponent({
    name: '404',
    components: { ExceptionPage },
    setup() {
      const appStore = udpAppStore()
      const theme = computed(() => appStore.theme)
      const themeLighter = computed(() => getColorPalette(appStore.theme, 5))
      const themeLightest = computed(() => getColorPalette(appStore.theme, 3))
      const themeDarker = computed(() => getColorPalette(appStore.theme, 8))
      const themeDarkest = computed(() => getColorPalette(appStore.theme, 9))
      return {
        pageInfo: {
          title: '404',
          desc: '抱歉，您访问的页面不存在或仍在开发中！'
        },
        theme,
        themeLighter,
        themeLightest,
        themeDarker,
        themeDarkest
      }
    }
  })
</script>

<style lang="less" scoped></style>
